:root{
    --color-blue: rgb(0, 85, 255);
    /* --color-blue: #007bff; */
    --color-grey: rgba(130,130,130,.8);
    --text-black: #202935;
}
body {
    /* background-color: #ededed; */
    background-color: rgba(230, 230, 230, .3);
    height: 100%;
}
.text-14{font-size: 14px;}

.active,
.nav-item a:hover
{
    color: var(--color-blue) !important;
}

#carouselIndicators .banner-img{
    height: 700px;
    background-size: cover;
    background-position: center;
}
.carousel-content{
    position: absolute;top: 50%;left:0;width: 100%;transform: translateY(-50%);
    display: flex;justify-content: center;align-items: center;height: 210px;
    /* color: var(--text-black); */
    color: white;font-size: 22px;
}
.carousel-content-bg{
    position:absolute;width:95%;height:100%;border-radius:4px;background-color:rgba(0,0,0,0.5);opacity: 0.4;z-index: -1;
    filter: blur(1px);
}


.container .describe {
    background-color: aliceblue;width: 100%;
    position: relative;
    padding: 36px 0;border-radius: 6px;
}


.footer {
    /* background-color: rgba(10,10,10,.9); */
    background-color: var(--text-black);
}
.footer h5 {
    color: white;
}
.footer a,.footer span,
.footer p
{
    color: rgba(200,200,200,.9);
    text-decoration: none;
}

@media screen and (max-width: 800px) {
    .header-phone{display: none !important;}
    #carouselIndicators .banner-img{height: 300px;}
    .carousel-content{font-size: 15px;}
    .my-fixed-footer{display: block !important;}
    .footer {margin-bottom: 40px;padding-bottom: 16px;}
    .footer .mobile-hidden {display: none !important;}
}

